/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",
  content: ["./src/**/*.{html,js,vue}"],
  corePlugins: {
    preflight: false, // 禁用基础样式（适配 UNI-APP）
  },
  theme: {
    extend: {
      colors: {
        rise: 'var(--color-rise)', // 涨的颜色（由 CSS 变量控制）
        fall: 'var(--color-fall)', // 跌的颜色（由 CSS 变量控制）
        up: '#2ebd85',
        down: '#f6465d',
        text: '#9c9c9c',
        dark: {
          text: '#EAECEF',
          btnBg: '#333b47',
          btnText: '#EAECEF',
          bg: '#181A20'
        },
        light: {
          btnBg: '#EDEDED',
        },
        // 主色调 - 蓝色系
        primary: {
          50: '#f0f9ff',
          100: '#e0f2fe',
          200: '#bae6fd',
          300: '#7dd3fc',
          400: '#38bdf8',
          500: '#0ea5e9', // 主要使用的主色
          600: '#0284c7',
          700: '#0369a1',
          800: '#075985',
          900: '#0c4a6e',
        },
        // 辅助色 - 绿色系（成功状态）
        secondary: {
          50: '#f0fdf4',
          100: '#dcfce7',
          200: '#bbf7d0',
          300: '#86efac',
          400: '#4ade80',
          500: '#22c55e', // 主要使用的辅助色
          600: '#16a34a',
          700: '#15803d',
          800: '#166534',
          900: '#14532d',
        },
        // 强调色 - 红色系（警告/错误状态）
        accent: {
          50: '#fef2f2',
          100: '#fee2e2',
          200: '#fecaca',
          300: '#fca5a5',
          400: '#f87171',
          500: '#ef4444', // 主要使用的强调色
          600: '#dc2626',
          700: '#b91c1c',
          800: '#991b1b',
          900: '#7f1d1d',
        },
        // 中性色 - 文本和背景
        neutral: {
          50: '#fafafa',
          100: '#f5f5f5',
          200: '#e5e5e5',
          300: '#d4d4d4',
          400: '#a3a3a3',
          500: '#737373',
          600: '#525252',
          700: '#404040',
          800: '#262626',
          900: '#171717',
        }
      },
    }
  },
  plugins: [],
  // 确保涨跌相关工具类不被 tree-shaking
  safelist: [
    'text-rise', 'text-fall',
    'bg-rise', 'bg-fall',
    'border-rise', 'border-fall'
  ]
}